@import '~@/assets/style/unit/color.scss';

// 工具类名统一前缀
$prefix: d2;

// 禁止用户选中 鼠标变为手形
%unable-select {
    user-select: none;
    cursor: pointer;
}

// 填满父元素
// 组要父元素 position: relative | absolute;
%full {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

// flex 垂直水平居中
%flex-center-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

%flex-center-col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

// 将元素模拟成卡片外观
%card {
    border: 1px solid #dddee1;
    border-color: #e9eaec;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}

// 自定义全局样式
.el-dialog__header{
    padding: 10px 15px 10px;
    border-bottom: 1px solid #f6f6f6;
    background-color: #f5f7fa;
}
.el-dialog__headerbtn{
    top: 15px;
}
.el-form-item__content{
    line-height: 0;
}
.el-dialog__body {
    margin: 0;
    padding: 0;
}

.el-dialog__footer {
    text-align: center !important;
}

.avue-empty__image {
    margin-top: 35px;
}

.el-drawer__header {
    margin-bottom: 10px;
}

.el-form {
    padding: 20px 15px;
}

.el-drawer__body {
    padding: 0 20px;
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: auto;
}

.header-row-style {
    background: #ccc;
}

.table-header {
    margin-bottom: 10px;
    overflow: auto;
    _height: 1%
}

.table-header>div:nth-of-type(1) {
    float: left;
}

.table-header>div:nth-of-type(2) {
    float: right;
}
.el-table__body-wrapper::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb{
    background-color: #a1a3a9;
    border-radius: 3px;
}
.el-icon-link-box {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    cursor: pointer;
}

.quick-link {
    position: relative;
    right: 0px;
    top: 10px;

}

.el-icon-link-box:hover {

    background: rgba(255, 255, 255, .3);
}

.positionr {
    position: relative;
}

.el-transfer-panel {
    width: 40% !important;
}

.el-transfer__buttons {
    padding: 0 69px !important;
}

.el-transfer-panel__body {
    height: 350px;
}

.el-upload {
    // width: 100% !important;
}

.el-upload-dragger {
    // width: 100% !important;
}

.el-upload__tip {
    font-size: 18px;
    text-align: center;
}

/*行内表单  */
.el-form--inline {
    padding: 0px;
    padding-top: 20px;
}

.ec-dailog-body {
    padding: 20px;
    box-sizing: border-box;
}

.el-tree-node__content {
    height: 30px;
    line-height: 30px;
}

// 临时解决穿梭框滚动条
.el-transfer-panel__list.is-filterable {
    height: 100%;
}

.el-dropdown-menu__item {
    padding: 5px 20px !important;
}

.el-submenu__title {
    padding: 0 15px;
}

.el-submenu__title>span {
    margin-left: 2px;
}


// 搜索表头样式
.searchHeader {
    display: grid;
    grid-template-columns: repeat(auto-fill, 315px);
    /* grid-gap: 10px 10px; */
    justify-content: space-around;
}

.searchHeader .el-form-item {
    width: 320px;
}

.searchHeader .el-form-item .el-form-item__label {
    width: 100px;
    // flex: 1;
    margin-bottom: 5px;
    // text-align: left;
}

.searchHeader .el-form-item .el-form-item__content {
    max-width: 220px;
}

.searchHeader .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 10px;
}

.isUrl {
    color: #409EFF;
    cursor: pointer;
}

